// 窗口加载完
window.onload = function () {
    var vue = new Vue({
        el : '#app', // 元素绑定
        data : { // 数据模型
            user:{},//用户
            password:"",//确认密码
            tip : '获取短信验证码', // 提示
            disabled : false, // 按钮可用
            smsCode:''//短信验证码
        },
        methods : { // 操作方法
           save:function () {
               if (this.user.password != this.password) {
                   alert("密码不一致,请重新输入!");
                   return;
               }
               axios.post("/user/save?smsCode=" + this.smsCode, this.user).then(function (response) {
                   if (response.data) {
                       alert("恭喜你注册成功啦!");
                       vue.user={};
                       vue.password='';
                       vue.smsCode='';
                   }else {
                       alert("注册失败");
                   }
               });
           },
            //发送短息验证码
            sendCode:function () {
               if (this.user.phone&&/^1[3|5|6|7|8|9]\d{9}$/.test(this.user.phone)){
                   axios.get("/user/sendCode?phone="+this.user.phone).then(function (response) {
                       // 获取响应数据
                       if (response.data){
                           // 倒计时
                           vue.downCount(90);
                       }else {
                           alert("发送失败！");
                       }
                   });
               } else {
                   alert("手机号格式错误!")
               }
            },
            downCount:function (count) {
                this.disabled = true; // 按钮不可用
                count--;
                this.tip = count + "S，重新获取！"; // 提示
                if (count >= 0) {
                    setTimeout(function () {
                        this.downCount(count);
                    },1000)
                }else {
                    this.tip='获取短信验证码';
                    this.disabled=false;//可用
                }
            }
            // 倒计时
            /*downCount (count){
                this.disabled = true; // 按钮不可用
                count--;
                this.tip = count + "S，重新获取！"; // 提示
                if ( count>= 0){
                    // 开启定时器
                    setTimeout(() => {
                        this.downCount(count);
                    }, 9000);
                }else {
                    this.tip = '获取短信验证码'; // 提示
                    this.disabled = false;// 按钮可用
                }
            }*/
        },
        created : function () { // 创建生命周期
           this.downCount();
        }
    });
};